<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 测试3 </title>
    <meta charset="UTF-8"/>
  <script type='text/javascript' src='jquery/jquery-1.11.1.min.js'></script>
  <script type='text/javascript'>
  	$(function(){
	var i = 1;
	$('button').click(function(){
		
		//$('div').removeAttr('align');//移除原来的属性
		
		//$('div').attr('align','center');//添加属性（attr），attr前面是属性名，后面是属性值
		
		//$('input').val('hello world');//设置input的值
		
		//alert($('input').val());//可以获取input的值
		
		//$(this).text('<h1>世界你好</h1>');//text是直接显示text括号里面的内容
		
		//$('div').html('世界你好');
		
		//$('<div>',{html:'罗娟'}).appendTo('body');//创建DIV（里面内容为罗娟）到body中去
		
		//$(this).clone(true).appendTo('div');//克隆原本的按钮，true（生克隆）是让拷贝体有效继续克隆
		
		/*
		var nb = $('<button>',{html:'新按钮'+i++});
		nb.click(function(){
			$(this).remove();//给新创建的新按钮注册事件，remove 点击移除
		});
		$('div').append(nb);//append前面是父容器后面是子元素
		*/
		//nb.prependTo('div');
		
		
		//$('<button>',{html:'新按钮'+i++}).prependTo('div');
		
	    //$('<button>',{html:'新按钮'+i++}).prependTo('body');//从末端插入新按钮（prependTo前面是子元素追加到后面的父容器中）
		
		//$('<button>',{html:'新按钮'+i++}).appendTo('body');//从尾端插入新按钮  （appendTo前面是子元素追加到后面的父容器中）
	});		

	});
  
  </script>
  <style type="text/css">
  	div{border:solid 2px red;}
  </style>
 </head>
 <body>
 	<input/>
  <button>按钮</button>
  <div align="center">轻轻的我走了</div>
 </body>
</html>
